<template>
  <div id="container">
    <van-nav-bar title="使用需知" left-arrow @click-left="onClickLeft" fixed/>
    <div class="icon">
      <img src="../../../static/my/logo.png" alt="岭南师范学院"/>
    </div>
    <div class="content">
      <div class="title">常见疑问</div>
      <p>Hi！各位岭师的用户们~欢迎使用岭师二手交易平台！以下列出了使用的常见问题，希望能对你有帮助(*￣︶￣)</p>
      <Statement/>
    </div>
  </div>
</template>

<script>
import Statement from './Statement.vue';

export default {
  name: 'Instructions',
  methods: {
    onClickLeft () {
      this.$router.go(-1);
    },
  },
  components: { Statement }
}

</script>

<style lang="css" scoped>
#container {
  background-color: rgb(245, 245, 245);
  margin-bottom: 55px;
  overflow: auto;
}

/* 隐藏滚动条 */

.content {
  background-color: #fff;
  margin: 0 15px;
  border-radius: 10px;
  padding: 15px;
}

.title {
  font-size: 20px;
  color: #8799a3;

}

p {
  margin-top: 12px;
  color: #aaaaaa;
  text-indent: 20px;
}

.icon {
	display: flex;
	justify-content: center;
}
.icon img{
	height: 125px;
	width: 125px;
}
</style>
